لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش توسعه وب دستی MERN Stack [ویدئو]
Hands-On MERN Stack Web Development [Video]
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
تقاضای فزاینده ای برای توسعه دهندگان فول استک وجود دارد، اما تبدیل شدن به یک کار آسانی نیست. انتظار می رود یک مهندس تمام پشته دارای مهارت های frontend و backend و همچنین دانش گسترده ای از ابزارهای ساخت و گردش کار استقرار باشد.
ساخت پروژه های دنیای واقعی و درک پشته MERN یک راه عالی برای تبدیل شدن به یک مهندس تمام پشته است. بنابراین، سفر با بردن شما به پشته MERN برای کاوش در Node.js و Express و ایجاد زمینه برای پروژه آغاز می شود. ذخیره ایمن داده ها بسیار مهم است، از این رو ما به دنیای MongoDB می پردازیم و آن را با باطن خود ادغام می کنیم. اکنون، ما یک برنامه مشتری می سازیم که می تواند خدمات API را مصرف کند. با React میتوانید دو مشکل دلهرهآور فرانتاند را حل کنید و از JSON Web Tokens (JWTs) برای یکپارچهسازی احراز هویت و مدیریت جلسه در کلاینت و سرور استفاده کنید. در نهایت، مهارتهایی را که در طول دوره کسب کردهاید، مرور میکنیم، صفحه دیگ MERN را بررسی میکنیم و معماری برنامه را برای ایجاد برنامههای کاربردی بر روی آن بررسی میکنیم.
در پایان دوره، شما نه تنها یک برنامه وب کاملا کاربردی ساخته اید، بلکه در راه تبدیل شدن به یک توسعه دهنده وب تمام پشته نیز خواهید بود. شما به دانش عمیق تری از پشته MERN و همچنین الگوها و مفاهیم کلی توسعه وب مجهز خواهید شد.
بسته کد این دوره ویدیویی در https://github.com/PacktPublishing/Hands-on-MERN-Stack-Web-Development موجود است [*] توسعه یک پروژه از ابتدا با استفاده از پشته MERN
[*] بهترین شیوه ها برای توسعه API های RESTful با Node.js و Express
[*] یک رویکرد بدون درد برای نوشتن تست های یکپارچه سازی برای باطن شما
[*] مهارت های مورد نیاز برای پیکربندی، پرس و جو و تعامل با پایگاه داده Mongo
[*] با React روی کلاینت کار کنید و کد رابط کاربری اعلامی بنویسید
[*] مدیریت وضعیت مشتری و کد ناهمزمان با Redux
[*] کدهای سمت سرویس گیرنده را با ابزارهای React Developer به طور موثر اشکال زدایی کنید
[*] مزایا و معایب ابزارهای داربست و نحوه استفاده حداکثری از آنها.
[*] برنامه خود را با Docker گسترش دهید مخاطبان هدف توسعه دهندگان جاوا اسکریپت هستند که می خواهند پشته MERN را یاد بگیرند و خود را به عنوان توسعه دهندگان تمام پشته در بازار کار معرفی کنند. آنها دانش برنامه نویسی جاوا اسکریپت و تجربه ای در زمینه توسعه وب دارند. معمولاً، اینها توسعه دهندگانی هستند که بیشتر روی قسمت ظاهری تمرکز کرده اند و مایلند در مورد باطن و لایه پایگاه داده اطلاعات بیشتری کسب کنند. [*] با ساختن یک برنامه وب با ویژگی های کامل با پشته MERN به دنیای توسعه فول استک پرش کنید * * [*] مهارت نوشتن خدمات وب RESTful با Node.js، Express، و MongoDB را به دست آورید * * [* ] یاد بگیرید که چگونه با استفاده از React برنامه های تک صفحه ای بسازید که با خدمات باطن شما تعامل دارند
سرفصل ها و درس ها
به پشته MERN خوش آمدید
Welcome to the MERN Stack
بررسی اجمالی دوره
The Course Overview
با استفاده از Package Managers و Command Line
Using Package Managers and the Command Line
بنابراین، به هر حال MERN چیست؟
So, What’s MERN Anyway?
نگاهی کوتاه به Backend
A Brief Look at the Backend
معماری Frontend
The Frontend Architecture
Node.js و Express را یاد بگیرید
Learn Node.js and Express
اولین قدم های شما با Node.js
Your First Steps with Node.js
راه اندازی اکسپرس
Setting Up Express
مقدمه ای بر REST، سرویس RESTful، و مدل سازی داده های دامنه
An Intro to REST, RESTful Service, and Domain Data Modeling
رسیدگی به درخواستهای GET، POST، PUT و DELETE
Handling GET, POST, PUT, and DELETE Requests
ایجاد و استفاده از Express Middleware
Creating and Using Express Middleware
راه اندازی تست های واحد با Jest
Setting Up Unit Tests with Jest
استفاده از Postman برای توسعه سریعتر APIها
Using Postman to Develop APIs Faster
استفاده از MongoDB برای لایه پایگاه داده
Using MongoDB for the Database Layer
مقدمه ای بر پایگاه های داده MongoDB و NoSQL
An Introduction to MongoDB and NoSQL Databases
ساختار پروژه جدید ما و راه اندازی MongoDB از طریق Docker
Our New Project Structure and MongoDB Setup via Docker
اتصال MongoDB به Node/Express Backend ما
Connecting MongoDB to Our Node/Express Backend
خواندن داده های واقعی از API ما
Reading Real Data from Our API
ایجاد، به روز رسانی و حذف داده ها
Creating, Updating, and Deleting Data
فیلتر کردن داده ها با MongoDB
Filtering Data with MongoDB
بازسازی و بهبود کد ما
Refactoring and Improving Our Code
ساخت کلاینت با React
Building the Client with React
پرایمر ملایمی برای دنیای React
A Gentle Primer to the World of React
با برنامه Create React روی Ground Running کلیک کنید
Hit the Ground Running with Create React App
ایجاد اولین اجزای رابط کاربری خود با JSX
Creating Your First UI Components with JSX
جریان داده با State و Props
Data Flow with State and Props
ایجاد یک جزء قابل استفاده مجدد برای فروشگاه وب ما
Creating a Reusable Component for Our Web Store
اجزای لیست پویا
Dynamic List Components
ایجاد و کنترل فیلدهای ورودی
Creating and Controlling Input Fields
کنترل دکمه ها و فرم ها
Controlling Buttons and Forms
React App Architecture
React App Architecture
مسیریابی با روتر React
Routing with React Router
پیکربندی CORS در Express
Configuring CORS in Express
درخواست داده از API ما
Requesting Data from Our API
ایجاد نمای دسته و محصول
Creating the Category and Product View
ساخت یک سبد خرید پایدار
Building a Persistent Shopping Cart
مسیرهای کاربر ادمین سمت کلاینت محافظت شده
Protected Client-Side Admin User Routes
توسعه وب Full Stack با پشته MERN
Full Stack Web Development with the MERN Stack
JSON Web Tokens و مدل احراز هویت کاربر
JSON Web Tokens and the User Authentication Model
پیاده سازی لینک های جادویی و ورود بدون رمز عبور
Implementing Magic Links and Passwordless Login
پیاده سازی ورود بدون رمز عبور در Frontend
Implementing Passwordless Login on the Frontend
ایجاد حساب کاربری
Account Creation
طراحی طرح سفارشات و جریان کاربر
Designing the Orders Schema and User Flow
اجرای جریان سفارشات
Implementing the Orders Flow
حالات رسیدگی و بارگیری خطا
Error Handling and Loading States
ساخت صفحه تاریخچه سفارشات
Building the Orders History Page
بازسازی و صیقل دادن برنامه وب ما
Refactoring and Polishing Our Web Application
بازسازی و صیقل دادن برنامه وب ما
Refactoring and Polishing Our Web Application
بررسی تایپ کامپوننت های React با PropTypes
Typechecking React Components with PropTypes
بررسی تایپ کامپوننت های React با PropTypes
Typechecking React Components with PropTypes
تست کامپوننت های React
Testing React Components
تست کامپوننت های React
Testing React Components
تست های جست اسنپ شات
Jest Snapshot Tests
تست های جست اسنپ شات
Jest Snapshot Tests
واکنش اجزای عملکردی و ساخت محصولات ویژه
React Functional Components and Making Featured Products
واکنش اجزای عملکردی و ساخت محصولات ویژه
React Functional Components and Making Featured Products
بهترین شیوه ها را بیان کنید
Express Best Practices
بهترین شیوه ها را بیان کنید
Express Best Practices
چارچوبها، دیگهای بخار و آنچه در ادامه باید بیاموزیم
Frameworks, Boilerplates, and What to Learn Next
چارچوبها، دیگهای بخار و آنچه در ادامه باید بیاموزیم
Frameworks, Boilerplates, and What to Learn Next
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
Filip Danić یک مهندس نرم افزار، علاقه مند به جاوا اسکریپت و سخنران فناوری است. او بر روی برنامههای کاربردی وب – هم در فرانتاند و هم در باطن – برای مشتریان سازمانی و همچنین استارتآپهای دارای پشتیبانی VC کار کرده است. تصمیمات کد و معماری او در چندین شرکت Fortune 500 مستقر شده است.
فیلیپ به اکوسیستم جاوا اسکریپت علاقه زیادی دارد و دائما در حال بررسی چارچوب ها و ابزارهای جدید است. او به ویژه در مورد استفاده از مفاهیم برنامه نویسی کاربردی، ایجاد مستندات خوب و ارائه تجربه توسعه بهتر برای دیگران مشتاق است.
نمایش نظرات